/*
bgUI
作者：百舸
版本：v22.1.2.1
*/




/* 高度 */
.bg-h0{ height: 0px!important;}
.bg-h1{ height: 1px!important;}
.bg-h5{ height: 0.5rem!important;}
.bg-h10{ height: 1.0rem!important;}
.bg-h11{ height: 1.1rem!important;}
.bg-h12{ height: 1.2rem!important;}
.bg-h13{ height: 1.3rem!important;}
.bg-h14{ height: 1.4rem!important;}
.bg-h15{ height: 1.5rem!important;}
.bg-h16{ height: 1.6rem!important;}
.bg-h17{ height: 1.7rem!important;}
.bg-h18{ height: 1.8rem!important;}
.bg-h19{ height: 1.9rem!important;}
.bg-h20{ height: 2rem!important;}
.bg-h25{ height: 2.5rem!important;}
.bg-h30{ height: 3rem!important;}
.bg-h35{ height: 3.5rem!important;}
.bg-h40{ height: 4rem!important;}
.bg-h45{ height: 4.5rem!important;}
.bg-h50{ height: 5rem!important;}
.bg-h55{ height: 5.5rem!important;}
.bg-h60{ height: 6rem!important;}
.bg-h65{ height: 6.5rem!important;}
.bg-h70{ height: 7rem!important;}
.bg-h75{ height: 7.5rem!important;}
.bg-h80{ height: 8rem!important;}
.bg-h85{ height: 8.5rem!important;}
.bg-h90{ height: 9rem!important;}
.bg-h95{ height: 9.5rem!important;}
.bg-h100{ height: 10rem!important;}
.bg-h200{ height: 20rem!important;}
.bg-h300{ height: 30rem!important;}
.bg-h400{ height: 40rem!important;}
.bg-h500{ height: 50rem!important;}
.bg-h600{ height: 60rem!important;}

.bg-hvw1{ height: 1vw!important;}
.bg-hvw2{ height: 2vw!important;}
.bg-hvw3{ height: 3vw!important;}
.bg-hvw4{ height: 4vw!important;}
.bg-hvw5{ height: 5vw!important;}
.bg-hvw6{ height: 6vw!important;}
.bg-hvw7{ height: 7vw!important;}
.bg-hvw8{ height: 8vw!important;}
.bg-hvw9{ height: 9vw!important;}
.bg-hvw10{ height: 10vw!important;}
.bg-hvw11{ height: 11vw!important;}
.bg-hvw12{ height: 12vw!important;}
.bg-hvw13{ height: 13vw!important;}
.bg-hvw14{ height: 14vw!important;}
.bg-hvw15{ height: 15vw!important;}
.bg-hvw16{ height: 16vw!important;}
.bg-hvw17{ height: 17vw!important;}
.bg-hvw18{ height: 18vw!important;}
.bg-hvw19{ height: 19vw!important;}
.bg-hvw20{ height: 20vw!important;}
.bg-hvw21{ height: 21vw!important;}
.bg-hvw22{ height: 22vw!important;}
.bg-hvw23{ height: 23vw!important;}
.bg-hvw24{ height: 24vw!important;}
.bg-hvw25{ height: 25vw!important;}
.bg-hvw26{ height: 26vw!important;}
.bg-hvw27{ height: 27vw!important;}
.bg-hvw28{ height: 28vw!important;}
.bg-hvw29{ height: 29vw!important;}
.bg-hvw30{ height: 30vw!important;}
.bg-hvw31{ height: 31vw!important;}
.bg-hvw32{ height: 32vw!important;}
.bg-hvw33{ height: 33.33vw!important;}
.bg-hvw34{ height: 34vw!important;}
.bg-hvw35{ height: 35vw!important;}
.bg-hvw36{ height: 36vw!important;}
.bg-hvw37{ height: 37vw!important;}
.bg-hvw38{ height: 38vw!important;}
.bg-hvw39{ height: 39vw!important;}
.bg-hvw40{ height: 40vw!important;}
.bg-hvw41{ height: 41vw!important;}
.bg-hvw42{ height: 42vw!important;}
.bg-hvw43{ height: 43vw!important;}
.bg-hvw44{ height: 44vw!important;}
.bg-hvw45{ height: 45vw!important;}
.bg-hvw46{ height: 46vw!important;}
.bg-hvw47{ height: 47vw!important;}
.bg-hvw48{ height: 48vw!important;}
.bg-hvw49{ height: 49vw!important;}
.bg-hvw50{ height: 50vw!important;}
.bg-hvw51{ height: 51vw!important;}
.bg-hvw52{ height: 52vw!important;}
.bg-hvw53{ height: 53vw!important;}
.bg-hvw54{ height: 54vw!important;}
.bg-hvw55{ height: 55vw!important;}
.bg-hvw56{ height: 56vw!important;}
.bg-hvw57{ height: 57vw!important;}
.bg-hvw58{ height: 58vw!important;}
.bg-hvw59{ height: 59vw!important;}
.bg-hvw60{ height: 60vw!important;}
.bg-hvw61{ height: 61vw!important;}
.bg-hvw62{ height: 62vw!important;}
.bg-hvw63{ height: 63vw!important;}
.bg-hvw64{ height: 64vw!important;}
.bg-hvw65{ height: 65vw!important;}
.bg-hvw66{ height: 66vw!important;}
.bg-hvw67{ height: 67vw!important;}
.bg-hvw68{ height: 68vw!important;}
.bg-hvw69{ height: 69vw!important;}
.bg-hvw70{ height: 70vw!important;}
.bg-hvw71{ height: 71vw!important;}
.bg-hvw72{ height: 72vw!important;}
.bg-hvw73{ height: 73vw!important;}
.bg-hvw74{ height: 74vw!important;}
.bg-hvw75{ height: 75vw!important;}
.bg-hvw76{ height: 76vw!important;}
.bg-hvw77{ height: 77vw!important;}
.bg-hvw78{ height: 78vw!important;}
.bg-hvw79{ height: 79vw!important;}
.bg-hvw80{ height: 80vw!important;}
.bg-hvw81{ height: 81vw!important;}
.bg-hvw82{ height: 82vw!important;}
.bg-hvw83{ height: 83vw!important;}
.bg-hvw84{ height: 84vw!important;}
.bg-hvw85{ height: 85vw!important;}
.bg-hvw86{ height: 86vw!important;}
.bg-hvw87{ height: 87vw!important;}
.bg-hvw88{ height: 88vw!important;}
.bg-hvw89{ height: 89vw!important;}
.bg-hvw90{ height: 90vw!important;}
.bg-hvw91{ height: 91vw!important;}
.bg-hvw92{ height: 92vw!important;}
.bg-hvw93{ height: 93vw!important;}
.bg-hvw94{ height: 94vw!important;}
.bg-hvw95{ height: 95vw!important;}
.bg-hvw96{ height: 96vw!important;}
.bg-hvw97{ height: 97vw!important;}
.bg-hvw98{ height: 98vw!important;}
.bg-hvw99{ height: 99vw!important;}
.bg-hvw100{ height: 100vw!important;}

/* 宽度 */
.bg-w0{ width: 0px!important;}
.bg-w1{ width: 0.1rem!important;}
.bg-w2{ width: 0.2rem!important;}
.bg-w3{ width: 0.3rem!important;}
.bg-w4{ width: 0.4rem!important;}
.bg-w5{ width: 0.5rem!important;}
.bg-w10{ width: 1rem!important;}
.bg-w15{ width: 1.5rem!important;}
.bg-w20{ width: 2rem!important;}
.bg-w25{ width: 2.5rem!important;}
.bg-w30{ width: 3rem!important;}
.bg-w35{ width: 3.5rem!important;}
.bg-w40{ width: 4rem!important;}
.bg-w45{ width: 4.5rem!important;}
.bg-w50{ width: 5rem!important;}
.bg-w55{ width: 5.5rem!important;}
.bg-w60{ width: 6rem!important;}
.bg-w65{ width: 6.5rem!important;}
.bg-w70{ width: 7rem!important;}
.bg-w75{ width: 7.5rem!important;}
.bg-w80{ width: 8rem!important;}
.bg-w85{ width: 8.5rem!important;}
.bg-w90{ width: 9rem!important;}
.bg-w95{ width: 9.5rem!important;}
.bg-w100{ width: 10rem!important;}
.bg-w150{ width: 15rem!important;}
.bg-w200{ width: 20rem!important;}
.bg-w250{ width: 25rem!important;}
.bg-w300{ width: 30rem!important;}
.bg-w350{ width: 35rem!important;}
.bg-w400{ width: 40rem!important;}
.bg-w450{ width: 45rem!important;}
.bg-w500{ width: 50rem!important;}
.bg-w550{ width: 55rem!important;}
.bg-w600{ width: 60rem!important;}
.bg-w650{ width: 65rem!important;}
.bg-wp1{ width: 1%!important;}
.bg-wp2{ width: 2%!important;}
.bg-wp3{ width: 3%!important;}
.bg-wp4{ width: 4%!important;}
.bg-wp5{ width: 5%!important;}
.bg-wp6{ width: 6%!important;}
.bg-wp7{ width: 7%!important;}
.bg-wp8{ width: 8%!important;}
.bg-wp9{ width: 9%!important;}
.bg-wp10{ width: 10%!important;}
.bg-wp11{ width: 11%!important;}
.bg-wp12{ width: 12%!important;}
.bg-wp13{ width: 13%!important;}
.bg-wp14{ width: 14%!important;}
.bg-wp15{ width: 15%!important;}
.bg-wp16{ width: 16%!important;}
.bg-wp17{ width: 17%!important;}
.bg-wp18{ width: 18%!important;}
.bg-wp19{ width: 19%!important;}
.bg-wp20{ width: 20%!important;}
.bg-wp21{ width: 21%!important;}
.bg-wp22{ width: 22%!important;}
.bg-wp23{ width: 23%!important;}
.bg-wp24{ width: 24%!important;}
.bg-wp25{ width: 25%!important;}
.bg-wp26{ width: 26%!important;}
.bg-wp27{ width: 27%!important;}
.bg-wp28{ width: 28%!important;}
.bg-wp29{ width: 29%!important;}
.bg-wp30{ width: 30%!important;}
.bg-wp31{ width: 31%!important;}
.bg-wp32{ width: 32%!important;}
.bg-wp33{ width: 33.33%!important;}
.bg-wp34{ width: 34%!important;}
.bg-wp35{ width: 35%!important;}
.bg-wp36{ width: 36%!important;}
.bg-wp37{ width: 37%!important;}
.bg-wp38{ width: 38%!important;}
.bg-wp39{ width: 39%!important;}
.bg-wp40{ width: 40%!important;}
.bg-wp41{ width: 41%!important;}
.bg-wp42{ width: 42%!important;}
.bg-wp43{ width: 43%!important;}
.bg-wp44{ width: 44%!important;}
.bg-wp45{ width: 45%!important;}
.bg-wp46{ width: 46%!important;}
.bg-wp47{ width: 47%!important;}
.bg-wp48{ width: 48%!important;}
.bg-wp49{ width: 49%!important;}
.bg-wp50{ width: 50%!important;}
.bg-wp51{ width: 51%!important;}
.bg-wp52{ width: 52%!important;}
.bg-wp53{ width: 53%!important;}
.bg-wp54{ width: 54%!important;}
.bg-wp55{ width: 55%!important;}
.bg-wp56{ width: 56%!important;}
.bg-wp57{ width: 57%!important;}
.bg-wp58{ width: 58%!important;}
.bg-wp59{ width: 59%!important;}
.bg-wp60{ width: 60%!important;}
.bg-wp61{ width: 61%!important;}
.bg-wp62{ width: 62%!important;}
.bg-wp63{ width: 63%!important;}
.bg-wp64{ width: 64%!important;}
.bg-wp65{ width: 65%!important;}
.bg-wp66{ width: 66%!important;}
.bg-wp67{ width: 67%!important;}
.bg-wp68{ width: 68%!important;}
.bg-wp69{ width: 69%!important;}
.bg-wp70{ width: 70%!important;}
.bg-wp71{ width: 71%!important;}
.bg-wp72{ width: 72%!important;}
.bg-wp73{ width: 73%!important;}
.bg-wp74{ width: 74%!important;}
.bg-wp75{ width: 75%!important;}
.bg-wp76{ width: 76%!important;}
.bg-wp77{ width: 77%!important;}
.bg-wp78{ width: 78%!important;}
.bg-wp79{ width: 79%!important;}
.bg-wp80{ width: 80%!important;}
.bg-wp81{ width: 81%!important;}
.bg-wp82{ width: 82%!important;}
.bg-wp83{ width: 83%!important;}
.bg-wp84{ width: 84%!important;}
.bg-wp85{ width: 85%!important;}
.bg-wp86{ width: 86%!important;}
.bg-wp87{ width: 87%!important;}
.bg-wp88{ width: 88%!important;}
.bg-wp89{ width: 89%!important;}
.bg-wp90{ width: 90%!important;}
.bg-wp91{ width: 91%!important;}
.bg-wp92{ width: 92%!important;}
.bg-wp93{ width: 93%!important;}
.bg-wp94{ width: 94%!important;}
.bg-wp95{ width: 95%!important;}
.bg-wp96{ width: 96%!important;}
.bg-wp97{ width: 97%!important;}
.bg-wp98{ width: 98%!important;}
.bg-wp99{ width: 99%!important;}
.bg-wp100{ width: 100%!important;}

.bg-vw1{ width: 1vw!important;}
.bg-vw2{ width: 2vw!important;}
.bg-vw3{ width: 3vw!important;}
.bg-vw4{ width: 4vw!important;}
.bg-vw5{ width: 5vw!important;}
.bg-vw6{ width: 6vw!important;}
.bg-vw7{ width: 7vw!important;}
.bg-vw8{ width: 8vw!important;}
.bg-vw9{ width: 9vw!important;}
.bg-vw10{ width: 10vw!important;}
.bg-vw11{ width: 11vw!important;}
.bg-vw12{ width: 12vw!important;}
.bg-vw13{ width: 13vw!important;}
.bg-vw14{ width: 14vw!important;}
.bg-vw15{ width: 15vw!important;}
.bg-vw16{ width: 16vw!important;}
.bg-vw17{ width: 17vw!important;}
.bg-vw18{ width: 18vw!important;}
.bg-vw19{ width: 19vw!important;}
.bg-vw20{ width: 20vw!important;}
.bg-vw21{ width: 21vw!important;}
.bg-vw22{ width: 22vw!important;}
.bg-vw23{ width: 23vw!important;}
.bg-vw24{ width: 24vw!important;}
.bg-vw25{ width: 25vw!important;}
.bg-vw26{ width: 26vw!important;}
.bg-vw27{ width: 27vw!important;}
.bg-vw28{ width: 28vw!important;}
.bg-vw29{ width: 29vw!important;}
.bg-vw30{ width: 30vw!important;}
.bg-vw31{ width: 31vw!important;}
.bg-vw32{ width: 32vw!important;}
.bg-vw33{ width: 33.33vw!important;}
.bg-vw34{ width: 34vw!important;}
.bg-vw35{ width: 35vw!important;}
.bg-vw36{ width: 36vw!important;}
.bg-vw37{ width: 37vw!important;}
.bg-vw38{ width: 38vw!important;}
.bg-vw39{ width: 39vw!important;}
.bg-vw40{ width: 40vw!important;}
.bg-vw41{ width: 41vw!important;}
.bg-vw42{ width: 42vw!important;}
.bg-vw43{ width: 43vw!important;}
.bg-vw44{ width: 44vw!important;}
.bg-vw45{ width: 45vw!important;}
.bg-vw46{ width: 46vw!important;}
.bg-vw47{ width: 47vw!important;}
.bg-vw48{ width: 48vw!important;}
.bg-vw49{ width: 49vw!important;}
.bg-vw50{ width: 50vw!important;}
.bg-vw51{ width: 51vw!important;}
.bg-vw52{ width: 52vw!important;}
.bg-vw53{ width: 53vw!important;}
.bg-vw54{ width: 54vw!important;}
.bg-vw55{ width: 55vw!important;}
.bg-vw56{ width: 56vw!important;}
.bg-vw57{ width: 57vw!important;}
.bg-vw58{ width: 58vw!important;}
.bg-vw59{ width: 59vw!important;}
.bg-vw60{ width: 60vw!important;}
.bg-vw61{ width: 61vw!important;}
.bg-vw62{ width: 62vw!important;}
.bg-vw63{ width: 63vw!important;}
.bg-vw64{ width: 64vw!important;}
.bg-vw65{ width: 65vw!important;}
.bg-vw66{ width: 66vw!important;}
.bg-vw67{ width: 67vw!important;}
.bg-vw68{ width: 68vw!important;}
.bg-vw69{ width: 69vw!important;}
.bg-vw70{ width: 70vw!important;}
.bg-vw71{ width: 71vw!important;}
.bg-vw72{ width: 72vw!important;}
.bg-vw73{ width: 73vw!important;}
.bg-vw74{ width: 74vw!important;}
.bg-vw75{ width: 75vw!important;}
.bg-vw76{ width: 76vw!important;}
.bg-vw77{ width: 77vw!important;}
.bg-vw78{ width: 78vw!important;}
.bg-vw79{ width: 79vw!important;}
.bg-vw80{ width: 80vw!important;}
.bg-vw81{ width: 81vw!important;}
.bg-vw82{ width: 82vw!important;}
.bg-vw83{ width: 83vw!important;}
.bg-vw84{ width: 84vw!important;}
.bg-vw85{ width: 85vw!important;}
.bg-vw86{ width: 86vw!important;}
.bg-vw87{ width: 87vw!important;}
.bg-vw88{ width: 88vw!important;}
.bg-vw89{ width: 89vw!important;}
.bg-vw90{ width: 90vw!important;}
.bg-vw91{ width: 91vw!important;}
.bg-vw92{ width: 92vw!important;}
.bg-vw93{ width: 93vw!important;}
.bg-vw94{ width: 94vw!important;}
.bg-vw95{ width: 95vw!important;}
.bg-vw96{ width: 96vw!important;}
.bg-vw97{ width: 97vw!important;}
.bg-vw98{ width: 98vw!important;}
.bg-vw99{ width: 99vw!important;}
.bg-vw100{ width: 100vw!important;}

/* max-width */
.bg-mw10{ max-width: 1.0rem !important; }
.bg-mw20{ max-width: 2.0rem !important; }
.bg-mw30{ max-width: 3.0rem !important; }
.bg-mw40{ max-width: 4.0rem !important; }
.bg-mw50{ max-width: 5.0rem !important; }
.bg-mw60{ max-width: 6.0rem !important; }
.bg-mw70{ max-width: 7.0rem !important; }
.bg-mw80{ max-width: 8.0rem !important; }
.bg-mw90{ max-width: 9.0rem !important; }
.bg-mw100{ max-width: 10.0rem !important; }
.bg-mw110{ max-width: 11.0rem !important; }
.bg-mw120{ max-width: 12.0rem !important; }
.bg-mw130{ max-width: 13.0rem !important; }
.bg-mw140{ max-width: 14.0rem !important; }
.bg-mw150{ max-width: 15.0rem !important; }
.bg-mw160{ max-width: 16.0rem !important; }
.bg-mw170{ max-width: 17.0rem !important; }
.bg-mw180{ max-width: 18.0rem !important; }
.bg-mw190{ max-width: 19.0rem !important; }
.bg-mw200{ max-width: 20.0rem !important; }
.bg-mw210{ max-width: 21.0rem !important; }
.bg-mw220{ max-width: 22.0rem !important; }
.bg-mw230{ max-width: 23.0rem !important; }
.bg-mw240{ max-width: 24.0rem !important; }
.bg-mw250{ max-width: 25.0rem !important; }
.bg-mw260{ max-width: 26.0rem !important; }
.bg-mw270{ max-width: 27.0rem !important; }
.bg-mw280{ max-width: 28.0rem !important; }
.bg-mw290{ max-width: 29.0rem !important; }
.bg-mw300{ max-width: 30.0rem !important; }
.bg-mw320{ max-width: 32.0rem !important; }
.bg-mw340{ max-width: 34.0rem !important; }
.bg-mw350{ max-width: 35.0rem !important; }
.bg-mw360{ max-width: 36.0rem !important; }
.bg-mw380{ max-width: 38.0rem !important; }
.bg-mw400{ max-width: 40.0rem !important; }
.bg-mw420{ max-width: 42.0rem !important; }
.bg-mw440{ max-width: 44.0rem !important; }
.bg-mw450{ max-width: 45.0rem !important; }
.bg-mw460{ max-width: 46.0rem !important; }
.bg-mw480{ max-width: 48.0rem !important; }
.bg-mw500{ max-width: 50.0rem !important; }
.bg-mhi10{ max-height: 1.0rem !important; }
.bg-mhi20{ max-height: 2.0rem !important; }
.bg-mhi30{ max-height: 3.0rem !important; }
.bg-mhi40{ max-height: 4.0rem !important; }
.bg-mhi50{ max-height: 5.0rem !important; }
.bg-mhi60{ max-height: 6.0rem !important; }
.bg-mhi70{ max-height: 7.0rem !important; }
.bg-mhi80{ max-height: 8.0rem !important; }
.bg-mhi90{ max-height: 9.0rem !important; }
.bg-mhi100{ max-height: 10.0rem !important; }
.bg-mhi110{ max-height: 11.0rem !important; }
.bg-mhi120{ max-height: 12.0rem !important; }
.bg-mhi130{ max-height: 13.0rem !important; }
.bg-mhi140{ max-height: 14.0rem !important; }
.bg-mhi150{ max-height: 15.0rem !important; }
.bg-mhi160{ max-height: 16.0rem !important; }
.bg-mhi170{ max-height: 17.0rem !important; }
.bg-mhi180{ max-height: 18.0rem !important; }
.bg-mhi190{ max-height: 19.0rem !important; }
.bg-mhi200{ max-height: 20.0rem !important; }
.bg-mhi210{ max-height: 21.0rem !important; }
.bg-mhi220{ max-height: 22.0rem !important; }
.bg-mhi230{ max-height: 23.0rem !important; }
.bg-mhi240{ max-height: 24.0rem !important; }
.bg-mhi250{ max-height: 25.0rem !important; }
.bg-mhi260{ max-height: 26.0rem !important; }
.bg-mhi270{ max-height: 27.0rem !important; }
.bg-mhi280{ max-height: 28.0rem !important; }
.bg-mhi290{ max-height: 29.0rem !important; }
.bg-mhi300{ max-height: 30.0rem !important; }
.bg-mhi320{ max-height: 32.0rem !important; }
.bg-mhi340{ max-height: 34.0rem !important; }
.bg-mhi350{ max-height: 35.0rem !important; }
.bg-mhi360{ max-height: 36.0rem !important; }
.bg-mhi380{ max-height: 38.0rem !important; }
.bg-mhi400{ max-height: 40.0rem !important; }
.bg-mhi420{ max-height: 42.0rem !important; }
.bg-mhi440{ max-height: 44.0rem !important; }
.bg-mhi450{ max-height: 45.0rem !important; }
.bg-mhi460{ max-height: 46.0rem !important; }
.bg-mhi480{ max-height: 48.0rem !important; }
.bg-mhi500{ max-height: 50.0rem !important; }


.bg-mwp100{ max-width: 100% !important; }
.bg-mhp100{ max-height: 100% !important; }

/* margin&padding */
.bg-m-auto{ margin: auto;}
.bg-m0{ margin: 0 !important;}
.bg-m10{ margin: 1.0rem !important;}
.bg-m15{ margin: 1.5rem !important;}
.bg-m20{ margin: 2.0rem !important;}
.bg-p0{ padding: 0 !important;}
.bg-p5{ padding: 0.5rem !important;}
.bg-p10{ padding: 1.0rem !important;}
.bg-p15{ padding: 1.5rem !important;}
.bg-p20{ padding: 2.0rem !important;}
.bg-p25{ padding: 2.5rem !important;}
.bg-p30{ padding: 3.0rem !important;}
.bg-p35{ padding: 3.5rem !important;}
.bg-p40{ padding: 4.0rem !important;}
.bg-p45{ padding: 4.5rem !important;}
.bg-p50{ padding: 5.0rem !important;}
.bg-p55{ padding: 5.5rem !important;}
.bg-p60{ padding: 6.0rem !important;}
.bg-p65{ padding: 6.5rem !important;}
.bg-p70{ padding: 7.0rem !important;}
.bg-p75{ padding: 7.5rem !important;}
.bg-p80{ padding: 8.0rem !important;}
.bg-p85{ padding: 8.5rem !important;}
.bg-p90{ padding: 9.0rem !important;}
.bg-p95{ padding: 9.5rem !important;}
.bg-p100{ padding: 10.0rem !important;}

.bg-mt0{ margin-top: 0 !important;}
.bg-mt5{ margin-top: 0.5rem !important;}
.bg-mt10{ margin-top: 1rem !important;}
.bg-mt15{ margin-top: 1.5rem !important;}
.bg-mt20{ margin-top: 2rem !important;}
.bg-mt30{ margin-top: 3rem !important;}
.bg-mt40{ margin-top: 4rem !important;}
.bg-mt50{ margin-top: 5rem !important;}
.bg-mt60{ margin-top: 6rem !important;}
.bg-mt70{ margin-top: 7rem !important;}
.bg-mt80{ margin-top: 8rem !important;}
.bg-mt90{ margin-top: 9rem !important;}
.bg-mt100{ margin-top: 10rem !important;}

.bg-mb0{ margin-bottom: 0 !important;}
.bg-mb5{ margin-bottom: 0.5rem !important;}
.bg-mb10{ margin-bottom: 1rem !important;}
.bg-mb15{ margin-bottom: 1.5rem !important;}
.bg-mb20{ margin-bottom: 2rem !important;}
.bg-mb30{ margin-bottom: 3rem !important;}
.bg-mb40{ margin-bottom: 4rem !important;}
.bg-mb50{ margin-bottom: 5rem !important;}
.bg-mb60{ margin-bottom: 6rem !important;}
.bg-mb70{ margin-bottom: 7rem !important;}
.bg-mb80{ margin-bottom: 8rem !important;}
.bg-mb90{ margin-bottom: 9rem !important;}
.bg-mb100{ margin-bottom: 10rem !important;}

.bg-ml0{ margin-left: 0 !important;}
.bg-ml2{ margin-left: 0.2rem !important;}
.bg-ml5{ margin-left: 0.5rem !important;}
.bg-ml10{ margin-left: 1rem !important;}
.bg-ml15{ margin-left: 1.5rem !important;}
.bg-ml20{ margin-left: 2rem !important;}
.bg-ml30{ margin-left: 3rem !important;}
.bg-ml40{ margin-left: 4rem !important;}
.bg-ml50{ margin-left: 5rem !important;}
.bg-ml60{ margin-left: 6rem !important;}
.bg-ml70{ margin-left: 7rem !important;}
.bg-ml80{ margin-left: 8rem !important;}
.bg-ml90{ margin-left: 9rem !important;}
.bg-ml100{ margin-left: 10rem !important;}

.bg-mr0{ margin-right: 0 !important;}
.bg-mr2{ margin-right: 0.2rem !important;}
.bg-mr5{ margin-right: 0.5rem !important;}
.bg-mr10{ margin-right: 1rem !important;}
.bg-mr15{ margin-right: 1.5rem !important;}
.bg-mr20{ margin-right: 2rem !important;}
.bg-mr30{ margin-right: 3rem !important;}
.bg-mr40{ margin-right: 4rem !important;}
.bg-mr50{ margin-right: 5rem !important;}
.bg-mr60{ margin-right: 6rem !important;}
.bg-mr70{ margin-right: 7rem !important;}
.bg-mr80{ margin-right: 8rem !important;}
.bg-mr90{ margin-right: 9rem !important;}
.bg-mr100{ margin-right: 10rem !important;}

.bg-mv0{ margin-top:0!important;margin-bottom:0!important;}
.bg-mv5{ margin-top:0.5rem!important;margin-bottom:0.5rem!important;}
.bg-mv10{ margin-top:1rem!important;margin-bottom:1rem!important;}
.bg-mv15{ margin-top:1.5rem!important;margin-bottom:1.5rem!important;}
.bg-mv20{ margin-top:2rem!important;margin-bottom:2rem!important;}
.bg-mv30{ margin-top:3rem!important;margin-bottom:3rem!important;}
.bg-mv40{ margin-top:4rem!important;margin-bottom:4rem!important;}
.bg-mv50{ margin-top:5rem!important;margin-bottom:5rem!important;}
.bg-mv60{ margin-top:6rem!important;margin-bottom:6rem!important;}
.bg-mv70{ margin-top:7rem!important;margin-bottom:7rem!important;}
.bg-mv80{ margin-top:8rem!important;margin-bottom:8rem!important;}
.bg-mv90{ margin-top:9rem!important;margin-bottom:9rem!important;}
.bg-mv100{ margin-top:10rem!important;margin-bottom:10rem!important;}

.bg-mh0{ margin-left:0!important;margin-right:0!important;}
.bg-mh5{ margin-left:0.5rem !important;margin-right:0.5rem!important;}
.bg-mh10{ margin-left:1rem !important;margin-right:1rem!important;}
.bg-mh15{ margin-left:1.5rem !important;margin-right:1.5rem!important;}
.bg-mh20{ margin-left:2rem !important;margin-right:2rem!important;}
.bg-mh30{ margin-left:3rem !important;margin-right:3rem!important;}
.bg-mh40{ margin-left:4rem !important;margin-right:4rem !important;}
.bg-mh50{ margin-left:5rem !important;margin-right:5rem !important;}
.bg-mh60{ margin-left:6rem !important;margin-right:6rem !important;}
.bg-mh70{ margin-left:7rem !important;margin-right:7rem !important;}
.bg-mh80{ margin-left:8rem !important;margin-right:8rem !important;}
.bg-mh90{ margin-left:9rem !important;margin-right:9rem !important;}
.bg-mh100{ margin-left:10rem !important;margin-right:10rem!important;}

.bg-pt0{ padding-top: 0 !important;}
.bg-pt5{ padding-top: 0.5rem !important;}
.bg-pt10{ padding-top: 1rem !important;}
.bg-pt15{ padding-top: 1.5rem !important;}
.bg-pt20{ padding-top: 2rem !important;}
.bg-pt30{ padding-top: 3rem !important;}
.bg-pt40{ padding-top: 4rem !important;}
.bg-pt50{ padding-top: 5rem !important;}
.bg-pt60{ padding-top: 6rem !important;}
.bg-pt70{ padding-top: 7rem !important;}
.bg-pt80{ padding-top: 8rem !important;}
.bg-pt90{ padding-top: 9rem !important;}
.bg-pt100{ padding-top: 10rem !important;}

.bg-pb0{ padding-bottom: 0 !important;}
.bg-pb5{ padding-bottom: 0.5rem !important;}
.bg-pb10{ padding-bottom: 1rem !important;}
.bg-pb15{ padding-bottom: 1.5rem !important;}
.bg-pb20{ padding-bottom: 2rem !important;}
.bg-pb30{ padding-bottom: 3rem !important;}
.bg-pb40{ padding-bottom: 4rem !important;}
.bg-pb50{ padding-bottom: 5rem !important;}
.bg-pb60{ padding-bottom: 6rem !important;}
.bg-pb70{ padding-bottom: 7rem !important;}
.bg-pb80{ padding-bottom: 8rem !important;}
.bg-pb90{ padding-bottom: 9rem !important;}
.bg-pb100{ padding-bottom: 10rem !important;}

.bg-pl0{ padding-left: 0 !important;}
.bg-pl5{ padding-left: 0.5rem !important;}
.bg-pl10{ padding-left: 1rem !important;}
.bg-pl15{ padding-left: 1.5rem !important;}
.bg-pl20{ padding-left: 2rem !important;}
.bg-pl30{ padding-left: 3rem !important;}
.bg-pl40{ padding-left: 4rem !important;}
.bg-pl50{ padding-left: 5rem !important;}
.bg-pl60{ padding-left: 6rem !important;}
.bg-pl70{ padding-left: 7rem !important;}
.bg-pl80{ padding-left: 8rem !important;}
.bg-pl90{ padding-left: 9rem !important;}
.bg-pl100{ padding-left: 10rem !important;}

.bg-pr0{ padding-right: 0 !important;}
.bg-pr5{ padding-right: 0.5rem !important;}
.bg-pr10{ padding-right: 1rem !important;}
.bg-pr15{ padding-right: 1.5rem !important;}
.bg-pr20{ padding-right: 2rem !important;}
.bg-pr30{ padding-right: 3rem !important;}
.bg-pr40{ padding-right: 4rem !important;}
.bg-pr50{ padding-right: 5rem !important;}
.bg-pr60{ padding-right: 6rem !important;}
.bg-pr70{ padding-right: 7rem !important;}
.bg-pr80{ padding-right: 8rem !important;}
.bg-pr90{ padding-right: 9rem !important;}
.bg-pr100{ padding-right: 10rem !important;}

.bg-pv0{ padding-top:0 !important;padding-bottom:0 !important;}
.bg-pv5{ padding-top:0.5rem !important;padding-bottom:0.5rem!important;}
.bg-pv10{ padding-top:1rem !important;padding-bottom:1rem!important;}
.bg-pv15{ padding-top:1.5rem !important;padding-bottom:1.5rem!important;}
.bg-pv20{ padding-top:2rem !important;padding-bottom:2rem!important;}
.bg-pv30{ padding-top:3rem !important;padding-bottom:3rem!important;}
.bg-pv40{ padding-top:4rem !important;padding-bottom:4rem !important;}
.bg-pv50{ padding-top:5rem !important;padding-bottom:5rem !important;}
.bg-pv60{ padding-top:6rem !important;padding-bottom:6rem !important;}
.bg-pv70{ padding-top:7rem !important;padding-bottom:7rem !important;}
.bg-pv80{ padding-top:8rem !important;padding-bottom:8rem !important;}
.bg-pv90{ padding-top:9rem !important;padding-bottom:9rem !important;}
.bg-pv100{ padding-top:10rem !important;padding-bottom:10rem!important;}

.bg-ph0{ padding-left:0 !important;padding-right:0 !important;}
.bg-ph5{ padding-left:0.5rem !important;padding-right:0.5rem!important;}
.bg-ph10{ padding-left:1rem !important;padding-right:1rem!important;}
.bg-ph15{ padding-left:1.5rem !important;padding-right:1.5rem!important;}
.bg-ph20{ padding-left:2rem !important;padding-right:2rem!important;}
.bg-ph30{ padding-left:3rem !important;padding-right:3rem!important;}
.bg-ph40{ padding-left:4rem !important;padding-right:4rem !important;}
.bg-ph50{ padding-left:5rem !important;padding-right:5rem !important;}
.bg-ph60{ padding-left:6rem !important;padding-right:6rem !important;}
.bg-ph70{ padding-left:7rem !important;padding-right:7rem !important;}
.bg-ph80{ padding-left:8rem !important;padding-right:8rem !important;}
.bg-ph90{ padding-left:9rem !important;padding-right:9rem !important;}
.bg-ph100{ padding-left:10rem !important;padding-right:10rem!important;}

/*行间距*/
.bg-lh20{ line-height: 2.0rem; }
.bg-lh21{ line-height: 2.1rem; }
.bg-lh22{ line-height: 2.2rem; }
.bg-lh23{ line-height: 2.3rem; }
.bg-lh24{ line-height: 2.4rem; }
.bg-lh25{ line-height: 2.5rem; }
.bg-lh26{ line-height: 2.6rem; }
.bg-lh27{ line-height: 2.7rem; }
.bg-lh28{ line-height: 2.8rem; }
.bg-lh29{ line-height: 2.9rem; }
.bg-lh30{ line-height: 3.0rem; }
.bg-lh31{ line-height: 3.1rem; }
.bg-lh32{ line-height: 3.2rem; }
.bg-lh33{ line-height: 3.3rem; }
.bg-lh34{ line-height: 3.4rem; }
.bg-lh35{ line-height: 3.5rem; }
.bg-lh36{ line-height: 3.6rem; }
.bg-lh37{ line-height: 3.7rem; }
.bg-lh38{ line-height: 3.8rem; }
.bg-lh39{ line-height: 3.9rem; }
.bg-lh40{ line-height: 4.0rem; }
.bg-lh45{ line-height: 4.5rem; }



/* 浮动 */
.bg-fleft,.bg-fl{ float: left!important; }
.bg-fright,.bg-fr{ float: right!important; }
.bg-clear{ clear:both!important; }

/* 对齐 */
.bg-c{ margin-left: auto; margin-right: auto;}
.bg-center{ text-align:center!important; }
.bg-left{ text-align:left!important; }
.bg-right{ text-align:right!important; }
.bg-vm { vertical-align: middle!important;}

/* 显示方式 */
.bg-inline,.bg-in { display: inline!important;}
.bg-inlineblock, .bg-inb { display: inline-block!important;}
.bg-blk { display: block!important;}
.bg-hide,.bg-collapse { display: none!important;}
.bg-over-hide{ overflow: hidden; }

/* 粗体、斜体 */
.bg-italic{font-style: italic!important;}
.bg-noitalic{font-style: normal!important;}
.bg-bold{font-weight: bold!important;}
.bg-nobold{font-weight: normal!important;}

/* 划线 */
.bg-lineth{ text-decoration: line-through; }
.bg-lineun{ text-decoration: underline; }

/* 圆角 */
.bg-circle, .bg-radius-50{ border-radius:50%!important; }
.bg-round, .bg-radius-100{ border-radius:1000px; }
.bg-radius-2{border-radius: 0.2rem;}
.bg-radius-3{border-radius: 0.3rem;}
.bg-radius-4{border-radius: 0.4rem;}
.bg-radius-5{border-radius: 0.5rem;}
.bg-radius-6{border-radius: 0.6rem;}
.bg-radius-7{border-radius: 0.7rem;}
.bg-radius-8{border-radius: 0.8rem;}
.bg-radius-9{border-radius: 0.9rem;}
.bg-radius-10{border-radius: 1.0rem;}

/* Color */
.bg-red { color: red!important; }
.bg-f00 { color: #f00!important; }
.bg-green { color: green!important; }
.bg-0f0 { color: #0f0!important; }
.bg-blue { color: blue!important; }
.bg-00f { color: #00f!important; }
.bg-white { color: white!important; }
.bg-black { color: black!important; }
.bg-orange { color: orange!important; }
.bg-f80 { color: #f80!important; }
.bg-purple { color: purple!important; }
.bg-f0f { color: #f0f!important; }
.bg-000 { color: #000!important; }
.bg-111 { color: #111!important; }
.bg-222 { color: #222!important; }
.bg-333 { color: #333!important; }
.bg-444 { color: #444!important; }
.bg-4c { color: #4c4c4c!important; }
.bg-555 { color: #555!important; }
.bg-666 { color: #666!important; }
.bg-777 { color: #777!important; }
.bg-888 { color: #888!important; }
.bg-999 { color: #999!important; }
.bg-aaa { color: #aaa!important; }
.bg-bbb { color: #bbb!important; }
.bg-ccc { color: #ccc!important; }
.bg-ddd { color: #ddd!important; }
.bg-eee { color: #eee!important; }
.bg-fff { color: #fff!important; }
.bg-ef, .bg-efefef { color: #efefef!important; }

/* 背景色Color */
.bg-bg-red { background-color: red!important; }
.bg-bg-green { background-color: green!important; }
.bg-bg-blue { background-color: blue!important; }
.bg-bg-white { background-color: white!important; }
.bg-bg-fff { background-color: white!important; }
.bg-bg-black { background-color: black!important; }
.bg-bg-000 { background-color: black!important; }
.bg-bg-orange { background-color: orange!important; }
.bg-bg-purple { background-color: purple!important; }
.bg-bg-cyan { background-color: cyan!important; }
.bg-bg-f0, .bg-bg-lightgray { background-color: #F0F0F0!important; }
.bg-bg-ccc { background-color: #ccc!important; }
.bg-bg-eee { background-color: #eee!important; }
.bg-bg-999 { background-color: #999!important; }
.bg-bg-f9 { background-color: #f9f9f9!important; }
.bg-bg-f8 { background-color: #f8f8f8!important; }
.bg-bg-f7 { background-color: #f7f7f7!important; }
.bg-bg-f6 { background-color: #f6f6f6!important; }
.bg-bg-f5 { background-color: #f5f5f5!important; }
.bg-bg-f4 { background-color: #f4f4f4!important; }
.bg-bg-f3 { background-color: #f3f3f3!important; }
.bg-bg-f2 { background-color: #f2f2f2!important; }
.bg-bg-f1 { background-color: #f1f1f1!important; }
.bg-bg-ef { background-color: #efefef!important; }

/*边框*/
.bg-border-eee { border: 1px solid #eee; }
.bg-border-f0 { border: 1px solid #f5f5f5; }
.bg-border-f1 { border: 1px solid #f1f1f1; }
.bg-border-f2 { border: 1px solid #f2f2f2; }
.bg-border-f3 { border: 1px solid #f3f3f3; }
.bg-border-f4 { border: 1px solid #f5f5f5; }
.bg-border-f5 { border: 1px solid #f5f5f5; }
.bg-border-b-eee {border-bottom: 1px solid #eee;}
.bg-border-b-f0 {border-bottom: 1px solid #f0f0f0;}
.bg-border-b-f1 {border-bottom: 1px solid #f1f1f1;}
.bg-border-b-f2 {border-bottom: 1px solid #f2f2f2;}
.bg-border-b-f3 {border-bottom: 1px solid #f3f3f3;}
.bg-border-b-f4 {border-bottom: 1px solid #f4f4f4;}
.bg-border-b-f5 {border-bottom: 1px solid #f5f5f5;}
.bg-border-t-eee { border-top: 1px solid #eee; }
.bg-border-t-f0 { border-top: 1px solid #f0f0f0; }
.bg-border-t-f1 { border-top: 1px solid #f1f1f1; }
.bg-border-t-f2 { border-top: 1px solid #f2f2f2; }
.bg-border-t-f3 { border-top: 1px solid #f3f3f3; }
.bg-border-t-f4 { border-top: 1px solid #f4f4f4; }
.bg-border-t-f5 { border-top: 1px solid #f5f5f5; }
.bg-noborder { border: none !important; }
.bg-last-child:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }

.bg-row2:nth-child(2n){ margin-right: 0 !important; }
.bg-row3:nth-child(3n){ margin-right: 0 !important; }
.bg-row4:nth-child(4n){ margin-right: 0 !important; }
.bg-row5:nth-child(5n){ margin-right: 0 !important; }

/* 字体 */
.bg-f-geo { font-family: "Georgia"!important;}
.bg-f-yahei { font-family: "微软雅黑"!important;}

/*字号*/
.bg-fs0{font-size:0!important;}
.bg-fs10{font-size:1.0rem!important;}
.bg-fs11{font-size:1.1rem!important;}
.bg-fs12{font-size:1.2rem!important;}
.bg-fs13{font-size:1.3rem!important;}
.bg-fs14{font-size:1.4rem!important;}
.bg-fs15{font-size:1.5rem!important;}
.bg-fs16{font-size:1.6rem!important;}
.bg-fs17{font-size:1.7rem!important;}
.bg-fs18{font-size:1.8rem!important;}
.bg-fs19{font-size:1.9rem!important;}
.bg-fs20{font-size:2.0rem!important;}
.bg-fs21{font-size:2.1rem!important;}
.bg-fs22{font-size:2.2rem!important;}
.bg-fs23{font-size:2.3rem!important;}
.bg-fs24{font-size:2.4rem!important;}
.bg-fs25{font-size:2.5rem!important;}
.bg-fs26{font-size:2.6rem!important;}
.bg-fs27{font-size:2.7rem!important;}
.bg-fs28{font-size:2.8rem!important;}
.bg-fs29{font-size:2.9rem!important;}
.bg-fs30{font-size:3.0rem!important;}
.bg-fs31{font-size:3.1rem!important;}
.bg-fs32{font-size:3.2rem!important;}
.bg-fs33{font-size:3.3rem!important;}
.bg-fs34{font-size:3.4rem!important;}
.bg-fs35{font-size:3.5rem!important;}
.bg-fs36{font-size:3.6rem!important;}
.bg-fs37{font-size:3.7rem!important;}
.bg-fs38{font-size:3.8rem!important;}
.bg-fs39{font-size:3.9rem!important;}
.bg-fs40{font-size:4.0rem!important;}

.bg-uppercase { text-transform: uppercase; }
.bg-break-all { word-break: break-all; }
.bg-indent-1 { text-indent: 1.0rem; }
.bg-box-shadow { box-shadow: 0 0 5px #ccc; }

/*响应式*/
.bg-resps{max-width: 100%;}


/* flex æ …æ ¼ */
/*
bg-flex-hv æ°´å¹³/åž‚ç›´
flex-start\flex-end\center\space-between\space-around
h：s\e\c\b\a
flex-start\flex-end\center\stretch\baseline
v:s\e\c\t\b
*/
.bg-flex{ display: flex; }
.bg-flex-v{ flex-direction: column; }

.bg-flex-ss{justify-content: flex-start; align-items: flex-start;}
.bg-flex-se{justify-content: flex-start; align-items: flex-end;}
.bg-flex-sc{justify-content: flex-start; align-items: center;}
.bg-flex-st{justify-content: flex-start; align-items: stretch;}
.bg-flex-sb{justify-content: flex-start; align-items: baseline;}

.bg-flex-es{justify-content: flex-end; align-items: flex-start;}
.bg-flex-ee{justify-content: flex-end; align-items: flex-end;}
.bg-flex-ec{justify-content: flex-end; align-items: center;}
.bg-flex-et{justify-content: flex-end; align-items: stretch;}
.bg-flex-eb{justify-content: flex-end; align-items: baseline;}

.bg-flex-cs{justify-content: center; align-items: flex-start;}
.bg-flex-ce{justify-content: center; align-items: flex-end;}
.bg-flex-cc{justify-content: center; align-items: center;}
.bg-flex-ct{justify-content: center; align-items: stretch;}
.bg-flex-cb{justify-content: center; align-items: baseline;}

.bg-flex-bs{justify-content: space-between; align-items: flex-start;}
.bg-flex-be{justify-content: space-between; align-items: flex-end;}
.bg-flex-bc{justify-content: space-between; align-items: center;}
.bg-flex-bt{justify-content: space-between; align-items: stretch;}
.bg-flex-bb{justify-content: space-between; align-items: baseline;}

.bg-flex-as{justify-content: space-around; align-items: flex-start;}
.bg-flex-ae{justify-content: space-around; align-items: flex-end;}
.bg-flex-ac{justify-content: space-around; align-items: center;}
.bg-flex-at{justify-content: space-around; align-items: stretch;}
.bg-flex-ab{justify-content: space-around; align-items: baseline;}

.bg-flex-wrap { flex-wrap: wrap; }
.bg-flex-nowrap { flex-wrap: nowrap; }
.bg-flex-grow{ flex-grow: 1; }
.bg-flex-1{ flex: 1; width: 0; }

/*单行超出省略*/
.bg-elps{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bg-elps-r2{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bg-elps-r3{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.bg-elps-r4{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.bg-elps-r5{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

.bg-relative { position: relative; }
.bg-cursor { cursor: pointer; }

/*--------------------以下为复杂样式---------------------------*/

.bg-wrapper{ max-width: 64.0rem; margin: 0 auto; }
.bg-block{ margin: 0 1.0rem; background-color: #fff; border-radius:0.8rem; }
.bg-content{ }
.bg-content img{ max-width: 100%; }
.bg-content p{margin:0; padding: 0;}

/*标题前的竖线*/
.bg-vl{
    margin-right: 1.0rem;
    height: 1.6rem;
    width: 0.4rem;
    background-color: #F00;
}

/*链接*/
.bg-link{ cursor: pointer; }

/*后退按钮*/
.bg-back{
    position: absolute; left: 2.0rem; top: 2.0rem; z-index: 9999;
    background-color: rgba(0,0,0,0.3);
    width: 4.0rem; height: 4.0rem; line-height: 4.0rem;
    text-align: center; border-radius: 4.0rem; 
    overflow: hidden;
    color: #EEE; 
}
.bg-back>.icon{font-size: 2.2rem;}
.bg-back-lb{ position: fixed; left: 2.0rem; top: auto; bottom: 6.0rem; }


/*一幅图轮播*/
.bg-lunbo{ position: relative;}
.bg-lunbo .bd{ overflow: hidden; }
.bg-lunbo .bd ul{ margin:0px; padding:0px; }
.bg-lunbo .bd ul li{ background-repeat: no-repeat; background-attachment: scroll; background-position:center; list-style:none; padding:0; margin:0;}
.bg-lunbo>.bd>ul>li>img{ border:0; max-width: 100%;}
.bg-lunbo .hd{ position: absolute;}
.bg-lunbo .hd ul{ text-align:center;}
.bg-lunbo .hd ul li{display: inline-block;}
.bg-lunbo .hd ul li.on{}

/* Swiper */
.bg-swiper-img{ width:100%; }
.bg-swiper-pagination {
    left: auto;
    right: 20px;
    bottom: 10px;
    width: auto;
    padding: 2px 7px;
    border-radius: 10px;
    color: #fff;
    background: rgba(0,0,0,.3);
}

/*分页*/
.bg-page-div { text-align:center; font-size:14px;}
.bg-page-div a{ margin-right:10px; display: inline!important; color:#999;}
.bg-page-div span{ margin-right:10px; display: inline!important;}

/*分割线*/
.bg-line{width:100%;height:1px; border-bottom:1px solid #ccc;}
.bg-line-dashed{border-bottom:1px dashed #ccc!important;}



/*上传图片*/
.bg-up-p{position: relative; width:140px; height:30px; margin-bottom: 0.6rem;}
.bg-up-s{width:140px; height:30px; background-color: #e6e6e6; border-radius:2px; font-size:1.4rem; line-height:30px; text-align:center; color:#666; cursor: pointer;}
.bg-up-f{position: absolute; top:0; left:0; width: 140px; height: 30px; /*visibility: hidden;*/ opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0); outline: none; }
.bg-up-item{ margin-top:10px; width:100px; height:120px; text-align: center; display: table-cell; vertical-align: top;}
.bg-up-item-div{ width:100px; height:100px; border:1px solid #efefef; padding:1px; display: table-cell; vertical-align: middle; text-align: center;}
.bg-up-item-img{max-width:100px; max-height:100px;}
.bg-up-item-del{color: #666;}
.bg-up-split{ display: table-cell; width:10px;}



/* wdvalidate */
.bg-valid-errmsg{display: block; margin-top: 5px; margin-bottom: 10px; color: #ff3322;
}
.bg-valid-errborder{border-color:#ff3322!important;}


/*数量加减*/
.bg-numinput{ box-sizing: border-box; width: 120px; height: 35px; border: solid 1px #bbb; border-radius: 3px; display: flex; }
/*减号*/
.bg-numinput-sub{ width: 40px; height:33px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #555; background-color: #f9f9f9; }
/*加号*/
.bg-numinput-add{ width: 40px; height:33px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #555; background-color: #f9f9f9; }
/*æ•°å­—*/
.bg-numinput-num{ box-sizing: border-box; width: 40px !important; height: 33px !important; padding:4px !important; border:0 !important; border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important; text-align: center; line-height:33px; color: #666 !important; }


/*-----------------------
 *
 * headbar
 *
 ------------------------*/
.bg-headbar{ height:5rem; display: flex; overflow: hidden; z-index: 1000; }
.bg-headbar-red{ background-color: #DD4B39; }
.bg-headbar-green{ background-color: #00A65A; }
.bg-headbar-blue{ background-color: #3C8DBC; }
.bg-headbar-primay{ background-color: #3C8DBC; }
.bg-headbar-info{ background-color: #00C0EF; }
.bg-headbar-orange{ background-color: #F39C12; }
.bg-headbar-purple{ background-color: #9585BF; }
.bg-headbar-gray{ background-color: #e7e7e7; }
.bg-headbar-fixed{ position: fixed; width: 100%; }
.bg-headbar-blank{ height: 5rem; }
.bg-headbar-left{ width: 20%; height: 5rem; line-height: 5rem; padding-left: 1rem; }
.bg-headbar-center{ width: 60%; height: 5rem; line-height: 5rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bg-headbar-right{ width: 20%; height: 5rem; line-height: 5rem; text-align: right; padding-right: 1rem; overflow: hidden; }
.bg-headbar-red,
.bg-headbar-green,
.bg-headbar-blue,
.bg-headbar-primay,
.bg-headbar-info,
.bg-headbar-orange,
.bg-headbar-purple,
.bg-headbar a{ color: #fff; }
.bg-headbar-left a{ display: flex; height: 100%; flex-direction: column; justify-content: center; }
.bg-headbar-gray a{ color: #666; }
.bg-headbar-right a{ display: block; height: 100%;}



/*-----------------------
 *
 * footbar
 *
 ------------------------*/
.bg-footerbar-blank{ height: 6.0rem; }
.bg-footerbar{ position: fixed; bottom: 0; left:0; right:0; margin: 0 auto; width: 100%; max-width: 64.0rem; height: 5.0rem; display: flex; align-items: center; justify-content: space-between;   background-color: #f8f8f8;}
.bg-footerbar-item{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 20%; }
.bg-footerbar-item>i{ font-size: 2.2rem; line-height:2.4rem; color: #666; }
.bg-footerbar-item>span{ margin: 0; font-size: 1.2rem; line-height:2.0rem; color: #666; }
.bg-footerbar-item-on>i{ color: #f80; }
.bg-footerbar-item-on>span{ color: #f80; }

/*顶底部固定条子*/
.bg-hbar{
    position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;
}
.bg-fbar{
    position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;
}
    

/*-----------------------
 *
 * nomore
 *
 ------------------------*/
.bg-nomore{
    height:4.0rem; line-height:4.0rem;
    font-size:1.4rem; color:#999; text-align: center;
}

/*-----------------------
 *
 * menubar
 *
 ------------------------*/
.bg-menubar{
    overflow: hidden;
}
.bg-menubar-item{
    float: left;
    padding: 1.0rem 0px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.bg-menubar-item img{
    width: 50%;
    color: #fff;
}
.bg-menubar-item p{
    font-size: 1.4rem;
    color: #333;
    margin: 0px;
    padding-top: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*-----------------------
 *
 * form-button
 *
 ------------------------*/
/*通用*/
.bg-btn{ padding: 0.8rem 2rem; background-color: #aaa; color: #fff; text-decoration:none; text-align:center; font-size: 1.6rem; }
.bg-btn:active{ color: #fff; text-decoration: none; }
.bg-btn:visited{ color: #fff; text-decoration: none; }
/*圆角*/
.bg-btn-radius{ border-radius: .4rem; }
/*圆形*/
.bg-btn-round{ border-radius: 1000px; }
/*大小*/
.bg-btn-xs{ padding: 0.2rem 0.8rem; font-size: 1.2rem; line-height: 2.0rem !important; }
.bg-btn-sm{ padding: 0.8rem 1.7rem; font-size: 1.4rem; line-height: 1.39; }
.bg-btn-md{ padding: 0.8rem 3.0rem; font-size: 1.6rem; line-height: 1.5; }
.bg-btn-lg{ padding: 1.5rem 3rem; font-size: 1.6rem; }
/*颜色*/
.bg-btn-red{ background-color: #DD4B39; color: #fff;}
.bg-btn-red:active{ color: #fff; }
.bg-btn-red-ol{ border: 1px solid #DD4B39; color: #DD4B39; background-color: #fff;}
.bg-btn-red-ol:active{ color: #DD4B39; }
.bg-btn-primary{ background-color: #3C8DBC; color: #fff;}
.bg-btn-primary:active{ color: #fff; }
.bg-btn-primary-ol{ border: 1px solid #3C8DBC; color: #3C8DBC; background-color: #fff;}
.bg-btn-primary-ol:active{ color: #3C8DBC; }
.bg-btn-info{ background-color: #00C0EF; color: #fff;}
.bg-btn-info:active{ color: #fff; }
.bg-btn-info-ol{ border: 1px solid #00C0EF; color: #00C0EF; background-color: #fff;}
.bg-btn-info-ol:active{ color: #00C0EF; }
.bg-btn-green{ background-color: #00A65A; color: #fff;}
.bg-btn-green:active{ color: #fff; }
.bg-btn-green-ol{ border: 1px solid #00A65A; color: #00A65A; background-color: #fff;}
.bg-btn-green-ol:active{ color: #00A65A; }
.bg-btn-orange{ background-color: #F39C12; color: #fff;}
.bg-btn-orange:active{ color: #fff; }
.bg-btn-orange-ol{ border: 1px solid #F39C12; color: #F39C12; background-color: #fff;}
.bg-btn-orange-ol:active{ color: #F39C12; }
.bg-btn-purple{ background-color: #9585BF; color: #fff;}
.bg-btn-purple:active{ color: #fff; }
.bg-btn-purple-ol{ border: 1px solid #9585BF; color: #9585BF; background-color: #fff;}
.bg-btn-purple-ol:active{ color: #9585BF; }
/*行按钮*/
.bg-btn-block{ display: block; }



/*-----------------------
 *
 * form-input
 *
 ------------------------*/
.bg-input{
    padding: 0.5rem 0.4rem;
    line-height: 1.2;
    font-size: 1.4rem;
    color: #666; background-color: #fff;
    border: 1px solid #d5d5d5; border-radius: 0; outline: none;
}
.bg-fm-title{ font-size: 1.4rem; display: block; margin-bottom: 0.6rem; margin-top: 1.0rem; }
.bg-fm {
    display: block;
    width: 100%;
    height: 4.0rem;
    padding: 0.8rem 1.2rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
}
.bg-fm-line{
    border: 0; border-bottom: 1px solid #ddd;
}
.bg-fm-noborder{
    border: 0; 
}



/*-----------------------
 *
 * 小徽章
 *
 ------------------------*/
.bg-badge {
    font-size: 1.2rem;
    /*display: inline-block;*/
    padding: 0.1rem 0.6rem;
    color: #333;
    border-radius: 10.0rem;
    background-color: rgba(0,0,0,.15);
}
.bg-badge-purple, .bg-badge-royal {
    color: #fff;
    background-color: #8a6de9;
}
.bg-badge-green, .bg-badge-success {
    color: #fff;
    background-color: #00A65A;
}
.bg-badge-blue, .bg-badge-primary {
    color: #fff;
    background-color: #3C8DBC;
}
.bg-badge-lightblue, .bg-badge-info {
    color: #fff;
    background-color: #00C0EF;
}
.bg-badge-orange, .bg-badge-warning {
    color: #fff;
    background-color: #F39C12;
}
.bg-badge-red, .bg-badge-danger {
    color: #fff;
    background-color: #DD4B39;
}


/*-----------------------
 *
 * 文章页
 *
 ------------------------*/

.bg-article{
    padding: 2rem 1.6rem;
}
/* 标题 */
.bg-article-title {
    margin-bottom: 1.0rem;
    line-height: 1.4;
    font-size: 2.2rem;
    color: #333;
}
/* 元素那一行 */
.bg-article-meta-list {
    line-height: 2.0rem;
    font-size: 0;
    word-wrap: break-word;
    word-break: break-all;
}
/* 元素 */
.bg-article-meta {
    display: inline-block;
    margin: 0 1rem 1rem 0;
    vertical-align: middle;
    font-size: 1.5rem;
    color: rgba(0,0,0,0.3);
}
/* 元素链接 */
.bg-article-meta-a {
    color: #576b95;
    text-decoration: none;
}
/* 内容 */
.bg-article-content{
    overflow: hidden;
    color: #333;
    font-size: 1.6rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
    position: relative;
    z-index: 0;
}
/* 内容中的图片 */
.bg-article-content img{
    border-radius: 4px;
    margin-bottom: 1.0rem;
    width: 100% !important;
    height: auto !important;
    visibility: visible !important;
}
/* 内容中的段落 */
.bg-article-content p{
    margin-top: 1.5rem;
    color: rgb(74, 74, 74);
    line-height: 2.2rem;
}

/*-----------------------
 *
 * 选项卡（标题）
 *
 ------------------------*/
.bg-switchbar{
    padding: 1.0rem 3.0rem 0; height: 5.0rem; display: flex; align-items: center; justify-content: space-around; background-color: #fff; border-bottom: 2px solid #fff;
}
.bg-switchbar-item{
    text-align: center; line-height: 4.0rem; cursor: pointer;
}
.bg-switchbar-on{
    border-bottom: 2px solid #f00; font-weight: 700;
}





/*-----------------------
 *
 * box
 *
 ------------------------*/
.bg-box {
    width: 100%; padding: 0 1.0rem;
    border-radius: 0.8rem;
    background: #ffffff;
    box-shadow: 0 0 5px #ccc;;
    border-top: 3px solid #fff;
}
.bg-box-warning {
    border-top-color: #f39c12;
}
.bg-box-info {
    border-top-color: #00c0ef;
}
.bg-box-header {
    padding: 1.0rem 0;
    font-size: 1.4rem;
    color: #333;
    border-bottom: 1px solid #f4f4f4;
}
.bg-box-title {
    display: inline-block;
    font-size: 1.6rem;
    margin: 0;
    line-height: 1;
}
.bg-box-header-noborder {
    border-bottom: 0;
}
.bg-box-body {
    border-bottom: 1px solid #f4f4f4;
    padding: 1.0rem;
}
.bg-box-row{
    padding: 1.0rem 0;
    font-size: 1.4rem;
    color: #333;
    border-bottom: 1px solid #f4f4f4;
    display: flex; align-items: flex-start; justify-content: space-between;
}
.bg-box-row:last-child{  border-bottom: 0; }
.bg-box-row-title{ margin-right: 1.0rem; color: #333; width: 20%; white-space: nowrap; }
.bg-box-row-content{ color: #999; }
.bg-box-row-right{ color: #999; }
.bg-box-row-grow{ flex: 1;}
.bg-box-go{ padding: 1.0rem; font-size: 1.4rem; display: flex; align-items: center; justify-content: space-between;}
.bg-box-go-1{ color: #333; }
.bg-box-go-2{ color: #999; }
.bg-box-btn{ padding: 1.0rem; font-size: 1.4rem; display: flex; align-items: center; justify-content: space-between;}
.bg-box-btn2{ padding: 1.0rem; font-size: 1.4rem; display: flex; align-items: center; justify-content: space-around;}


/*-----------------------
 *
 * powerby 信息
 *
 ------------------------*/
.bg-power{
    margin-top: 2.0rem; padding: 2.0rem; text-align:center;
}
.bg-power-img{ width: 8.0rem; }
.bg-power-p{ margin-top: 1.0rem; color: #AAA; }.box-shadow {
	box-shadow: 0 0 5px #ccc;
}
.box-shadow-y2 {
	box-shadow: 0 2px 3px #ccc;
}



/*-----------------------
 *
 * 链接
 *
 ------------------------*/

[bg-link] {
    cursor: pointer;
}


/*-----------------------
 *
 * 处理第三方样式
 *
 ------------------------*/
 
/*
 * Vue隐藏代码
 */
[v-cloak] {
    display: none;
}